﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ctrlVehiculo.ascx.cs" Inherits="habilitaciones.web.Views.Shared.ctrlVehiculo" %>

<script type="text/javascript">

    $(function () {


        // Dialog			
        $('#datosVehiculo').dialog({
            autoOpen: false,
            width: 800,
            modal: true,
            title: "Ingresar Datos del Vehículo",

            buttons: {
                "Guardar": function () {
                    $.ajax({
                        type: "POST",
                        url: 'GuardarVehiculo',
                        data: "&dominio=" + jQuery("#dominio").val() + "&marca=" + $("#marca").val() + "&modelo=" +
										$("#modelo").val() + "&tipo=" + $("#tipo").val() + "&modeloAnio=" + $("#año").val() + "&nroMotor=" +
										$("#NroMotor").val() + "&nroChasis=" + $("#nroChasis").val() + "&odometro=" +
										$("#odometro").val() + "&polizaSegNro=" + $("#nroPoliza").val() + "&polizaSegCompania=" +
										$("#CiaSeguro").val() + "&polizaSegVencimiento=" + $("#vence").val(),
                        dataType: "json",
                        success: function (datos) {
                            if (datos.ok == true) {
                                LlenarVehiculo(jQuery("#dominio").val(), $("#marca").val(), $("#modelo").val(), $("#año").val());
                                $("#datosVehiculo").dialog("close");
                            }
                            else
                                alert(datos.error);
                        }
                    })
                },
                "Cancelar": function () {
                    $(this).dialog("close");
                }
            }

        });

        // Dialog Link
        $('#abreDatosVehiculo').click(function () {

            $.ajax({
                type: "POST",
                url: "CargarVehiculo",
                dataType: "json",
                success: function (datos) {
                    $("#dominio").val(datos.dominio);
                    $("#marca").val(datos.marca);
                    $("#modelo").val(datos.modelo);
                    $("#tipo").val(datos.tipo);
                    $("#año").val(datos.año);
                    $("#NroMotor").val(datos.NroMotor);
                    $("#nroChasis").val(datos.nroChasis);
                    $("#odometro").val(datos.odometro);
                    $("#CiaSeguro").val(datos.CiaSeguro);
                    $("#nroPoliza").val(datos.nroPoliza);
                    $("#vence").val(datos.vence);
                    $('#datosVehiculo').dialog('open');
                }
            });

            $('#dominio').blur(function () {

                $.ajax({
                    type: "POST",
                    url: "BuscarVehiculoPorDominio",
                    data: "dominio=" + $('#dominio').val(),
                    dataType: "json",
                    success: function (datos) {
                            $("#marca").val(datos.marca);
                            $("#modelo").val(datos.modelo);
                            $("#tipo").val(datos.tipo);
                            $("#año").val(datos.ModeloAnio);
                            $("#NroMotor").val(datos.NroMotor);
                            $("#nroChasis").val(datos.nroChasis);
                            $("#odometro").val(datos.odometro);
                            $("#CiaSeguro").val(datos.CiaSeguro);
                            $("#nroPoliza").val(datos.nroPoliza);
                            $("#vence").val(datos.vence);
                    }
                })
            });


            return false;
        });



    });
		</script>   



<button type="button" href="#" id="abreDatosVehiculo" class="ui-state-default ui-corner-all botonNormal">
Ingresar Datos del Vehículo
</button>

<div id="datosVehiculo" >
<table>
<tr>
<td colspan="4">
        <div class="campo">
            <label for="dominio">DOMINIO (Patente)</label>
            <input name="dominio" id="dominio" class="required chico" value="" />
        </div>
</td>
</tr>
<tr>
<td>    
    
        <div class="campo">
        <label for="marca">Marca</label>
        <input class="chico" name="marca" id="marca" value="" />
        </div>
</td>
<td>    
        <div class="campo">
        <label for="marca">Modelo</label>
        <input class="chico" name="modelo" id="modelo" value="" />
        </div>
</td>
<td>    
        <div class="campo">
        <label for="marca">Tipo</label>
        <input class="grande" name="tipo" id="tipo" value="" />
        </div>
</td>
</tr>
<tr>
</td>
<td>    
   
      <div class="campo">
        <label for="marca">Nº Motor</label>
        <input class="mediano" name="NroMotor" id="NroMotor" value="" />
        </div>
</td>
<td>    
        
      <div class="campo">
        <label for="marca">Nº Chasis</label>
        <input class="mediano" name="nroChasis" id="nroChasis" value="" />
        </div>
</td>
<td>    
        
      <div class="campo">
        <label for="marca">Odómetro</label>
        <input class="chico" name="odometro" id="odometro" value="" />
        </div>
        
</td>
</tr>
<tr>
<td>    
      <div class="campo">
        <label for="marca">Año</label>
        <input class="chico" name="año" id="año" value="" />
        </div>
</td>
<td>    

      <div class="campo">
        <label for="marca">Compañía de Seguro</label>
        <input class="mediano" name="CiaSeguro" id="CiaSeguro" value="" />
        </div>
</td>
</tr>
<tr>
<td>    
      <div class="campo">
        <label for="marca">Nº de Póliza de Seguro</label>
        <input class="mediano" name="nroPoliza" id="nroPoliza" value="" />
        </div>
</td>
<td>    
      <div class="campo">
        <label for="marca">Vence (dd/mm/aaaa)</label>
        <input class="chico" name="vence" id="vence" value="" />
    </div>	
</td>
</tr>
</table>
</div>

